使用webrtc

2023-10-02 02:43| 来源: 网络整理| 查看: 265

使用webrtc-streamer查看实时监控 webrtc-streamerwebrtc-streamer下载测试常用的RTSP格式

webrtc-streamer

webrtc-streamer 是一个使用简单机制通过 WebRTC 流式传输视频捕获设备和 RTSP 源的项目，它内置了一个小型的 HTTP server 来对 WebRTC需要的相关接口提供支持。相对于ffmpeg+flv.js的方案，延迟降低到了0.4秒左右，画面的加载速度也变快了，切换浏览器标签后也不会暂停画面，并且解决了http1.1的同域名中的并发限制(在谷歌浏览器中可以同时播放6个以上的video)。

webrtc-streamer下载

windows：下载地址，选择对应版本下载后解压运行【webrtc-streamer.exe】即可

centos7.4：因为一些环境原因，建议在docker中使用

# docker中获取webrtc-streamer docker pull mpromonet/webrtc-streamer # 启动webrtc-streamer镜像 docker run -itd -p 8000:8000 --name webrtc-streamer mpromonet/webrtc-streamer 测试

页面中需要用到的js文件：【webrtcstreamer.js】、【adapter.min.js】，分别在windows版的【html】和【html\libs】目录

核心代码：

DOCTYPE html> var webRtcServer = null; //页面加载时加载视频画面 window.onload = function() { //video：需要绑定的video控件ID //192.168.1.226：启动webrtc-streamer的设备IP webRtcServer = new WebRtcStreamer("video",location.protocol+"//192.168.1.226:8000"); //需要查看的rtsp地址 webRtcServer.connect("rtsp://admin:[email protected]:554/h264/ch1/main/av_stream"); } //页面退出时销毁 window.onbeforeunload = function() { webRtcServer.disconnect(); } 常用的RTSP格式 #海康摄像头 rtsp://:@:////av_stream 例：rtsp://admin:[email protected]:554/h264/ch1/main/av_stream #海康NVR，账号密码为NVR的而不是摄像头账号密码，区分摄像头靠通道号，时间格式：日后面加T，秒后面加Z rtsp://:@:/Streaming/tracks/?starttime=&endtime= 例：rtsp://admin:[email protected]:554/Streaming/tracks/101?starttime=20210818T171300Z&endtime=20210818T171400Z #大华摄像头 rtsp://:@:/cam/realmonitor?channel=&subtype= 例：rtsp://admin:[email protected]:554/cam/realmonitor?channel=1&subtype=0 #大华NVR，账号密码为NVR的而不是摄像头账号密码，区分摄像头靠通道号，时间格式：年月日时分后面加_ rtsp://:@:/cam/playback?channel=&subtype=&starttime=&endtime= 例：rtsp://admin:[email protected]:554/cam/playback?channel=1&subtype=0&starttime=2021_08_18_10_52_00&endtime=2021_08_18_10_53_00

【本文地址】

公司简介

联系我们